<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页的参考</title>
    <link rel="stylesheet" href="./assets/css/wlh_lot.css">
    <link rel="stylesheet" href="./assets/fonts/iconfont.css">
    <script type="text/javascript" src="./assets/javascript/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="./assets/javascript/perfect-scrollbar.css">
    <script type="text/javascript" src="./assets/javascript/perfect-scrollbar.min.js"></script>
</head>
<body class="body">
<!-- 顶部 -->
<div class="wlh-containner fixed-header">
    <div class="header">
        <div class="header-logo">
    <div class="h-logo-src"></div>
    <h6>万漉彩票</h6>
</div>
<div class="header-content">
    <div id="openingballs">
        <div class="now-res">
            <div class="now-res-inner">
                <p>第20190517期</p>
            </div>
        </div>
        <div class="kj-contain">
            <div class="kj-res" onclick="onSingleShow('#kj-dropdown','show',event);">
                <div class="kj-res-one bg-primary">6</div>
                <div class="kj-res-one bg-secondary">7</div>
                <div class="kj-res-one bg-success">10</div>
                <div class="kj-res-one bg-info">2</div>
                <div class="kj-res-one bg-warning">1</div>
                <div class="kj-res-one bg-danger">8</div>
                <div class="kj-res-one bg-focus">3</div>
                <div class="kj-res-one bg-alternate">9</div>
                <div class="kj-res-one bg-light">5</div>
                <div class="kj-res-one bg-dark">4</div>
            </div>
        </div>
    </div>
    <div class="kj-contain">
        <div class="wlh-dropdown" id="kj-dropdown"  style="position: absolute;width: 540px; top: 0px; left: 40%; transform: translate3d(-180px,44px,0px);">
            <div class="wlh-dropdown-item">
                <div class="kj-time">期数199923</div>
                <div class="kj-res">
                    <div class="kj-res-one bg-primary">6</div>
                    <div class="kj-res-one bg-secondary">7</div>
                    <div class="kj-res-one bg-success">10</div>
                    <div class="kj-res-one bg-info">2</div>
                    <div class="kj-res-one bg-warning">1</div>
                    <div class="kj-res-one bg-danger">8</div>
                    <div class="kj-res-one bg-focus">3</div>
                    <div class="kj-res-one bg-alternate">9</div>
                    <div class="kj-res-one bg-light">5</div>
                    <div class="kj-res-one bg-dark">4</div>
                </div>
            </div>
            <div class="wlh-dropdown-item">
                <div class="kj-time">期数199923</div>
                <div class="kj-res">
                    <div class="kj-res-one bg-primary">6</div>
                    <div class="kj-res-one bg-secondary">7</div>
                    <div class="kj-res-one bg-success">10</div>
                    <div class="kj-res-one bg-info">2</div>
                    <div class="kj-res-one bg-warning">1</div>
                    <div class="kj-res-one bg-danger">8</div>
                    <div class="kj-res-one bg-focus">3</div>
                    <div class="kj-res-one bg-alternate">9</div>
                    <div class="kj-res-one bg-light">5</div>
                    <div class="kj-res-one bg-dark">4</div>
                </div>
            </div>
        </div>
    </div>
    <div class="h-c-userinfo-contain">
         <div class="h-c-userinfo">
             <div class="h-c-u-left">
                 <div id="avatar-img" class="a-img-5" onclick="onSingleShow('.avatar-img-contain','show',event);"></div>
                 <i class="iconfont wlh-chevron-up" onclick="onSingleShow('#userinfo-dropdown','show',event);"></i>
                 <div class="wlh-dropdown" id="userinfo-dropdown" onclick="stopBubble(event);" style="position: absolute; top: 0px; left: 0px; transform: translate3d(-180px,44px,0px);">
                    <div class="wlh-dropdown-item">个人资料</div>
                    <div class="wlh-dropdown-item">修改密码</div>
                    <div class="wlh-dropdown-item">今日已结</div>
                    <div class="wlh-dropdown-divider"></div>
                    <div class="wlh-dropdown-item">报表查询</div>
                </div>
             </div>
             <div class="h-c-u-center">
                 <div class="h-u-name">hz1800</div>   
                 <div class="h-u-num">300</div>
             </div>
             <div class="h-c-u-right">
                <a href="javascript:" class="btn btn-primary bg-primary btn-sm">
                    <i class="iconfont wlh-volume-up"></i>
                </a>
				<a href="javascript:" class="btn btn-primary bg-primary btn-sm" style="margin-left:10px;">
                    <i class="iconfont wlh-shouye"></i>
                </a>
             </div>
         </div>
    </div>
</div>
<div class="avatar-img-contain">
    <span data-img="0" class="avatar-select-img a-s-img-0" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="1" class="avatar-select-img a-s-img-1" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="2" class="avatar-select-img a-s-img-2" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="3" class="avatar-select-img a-s-img-3" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="4" class="avatar-select-img a-s-img-4" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="5" class="avatar-select-img a-s-img-5" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="6" class="avatar-select-img a-s-img-6" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="7" class="avatar-select-img a-s-img-7" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="8" class="avatar-select-img a-s-img-8" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="10" class="avatar-select-img a-s-img-10" onclick="onSelectTargetAvatar(this,event);"></span>
</div>
    </div>
    <div class="wlh-main">
        <!-- 左边 -->
        <div class="wlh-sider-left" id="wlh-sider-left">
            <div class="w-s-left">
    <div class="w-s-left-inner">
        <ul class="w-s-l-i-menu">
            <li class="w-s-l-item-head">极速系列</li>
            <li class="menu-item" onclick="onSigleSelfShow(this,'.menu-item','active');">
                <a href="javascript:"><i class="iconfont menu-icon wlh-195"></i>极速彩<i class="iconfont menu-status-icon wlh-130"></i></a>
                <ul class="mm-collapse" onclick="stopBubble(event);">
                    <li><a href="#">极速赛车</a></li>
                    <li class="selected"><a href="#">极速飞艇</a></li>
                    <li><a href="#">极速时时彩</a></li>
                    <li><a href="#">极速6合彩</a></li>
                </ul>
            </li>
            <li class="w-s-l-item-head">PK10系列</li>
            <li class="menu-item" onclick="onSigleSelfShow(this,'.menu-item','active');">
                <a href="javascript:"><i class="iconfont menu-icon wlh-195"></i>快开彩<i class="iconfont menu-status-icon wlh-130"></i></a>
                <ul class="mm-collapse" onclick="stopBubble(event);">
                    <li><a href="#">北京PK10</a></li>
                    <li><a href="#">幸运飞艇</a></li>
                    <li><a href="#">SG飞艇</a></li>
                    <li><a href="#">重庆欢乐生肖</a></li>
                    <li><a href="#">澳洲幸运5</a></li>
                    <li><a href="#">澳洲幸运8</a></li>
                </ul>
            </li>
            <li class="menu-item" onclick="onSigleSelfShow(this,'.menu-item','active');">
                <a href="javascript:"><i class="iconfont menu-icon wlh-195"></i>时时彩<i class="iconfont menu-status-icon wlh-130"></i></a>
                <ul class="mm-collapse" onclick="stopBubble(event);">
                    <li><a href="#">幸运时时彩</a></li>
                    <li><a href="#">新疆时时彩</a></li>
                    <li><a href="#">天津时时彩</a></li>
                </ul>
            </li>
            <li  class="menu-item" onclick="onSigleSelfShow(this,'.menu-item','active');">
                <a href="javascript:"><i class="iconfont menu-icon wlh-195"></i>全国彩<i class="iconfont menu-status-icon wlh-130"></i></a>
                <ul class="mm-collapse" onclick="stopBubble(event);">
                    <li><a href="#">广东快乐十分</a></li>
                    <li><a href="#">广西快乐十分</a></li>
                    <li><a href="#">江苏快3</a></li>
                </ul>
            </li>
            <li class="w-s-l-item-head">香港彩</li>
            <li>
                <a href="#"><i class="iconfont menu-icon wlh-195"></i>六合彩</a>
            </li>
        </ul>
        <div class="w_url"> 
            <span class="fold">奖</span>
            <span class="default">123开奖网</span>
        </div>
    </div>
</div>
        </div>
        <!-- 中间 -->
        <div class="wlh-main-out">
            <div class="wlh-main-out-contain">
                <div class="content-tit">
    <div class="c-tit-header">
        <div class="c-tit-h-icon">
            <i class="iconfont wlh-195"></i>
        </div>
        <div>
            <p class="c-tit-tit">开启2.0时代</p>
            <p class="c-tit-sub">万漉彩票业界赔率最高，快速存取，充值彩金最高1888！</p>
        </div>
    </div>
    <div class="lotter-open-timer">
        <div class="next-res">
            <p>第20190518期</p>
            <p>投注截至</p>
        </div>
        <div class="open-time">
            <div class="o-t-inner">
                <i class="iconfont wlh-shijian"></i>
                <span>00:00:00</span>
            </div>
        </div>
    </div>
</div>
<div class="content-tab play-tab">
    <ul>
        <li class="item" onclick="onTabChange(this,'.play-tab .tab-link','active','.lot-b-item');"><a class="tab-link active" ><span>两面盘</span></a></li>
        <li class="item" onclick="onTabChange(this,'.play-tab .tab-link','active','.lot-b-item');"><a class="tab-link" ><span>排名1-10</span></a></li>
        <li class="item" onclick="onTabChange(this,'.play-tab .tab-link','active','.lot-b-item');"><a class="tab-link" ><span>冠亚和</span></a></li>
        <li class="item" onclick="onTabChange(this,'.play-tab .tab-link','active','.lot-b-item');"><a class="tab-link" ><span>跟单</span></a></li>
    </ul>
</div>
<div class="content-c">
    <div class="lot-contain">
        <div class="lot-header">
            <span class="l-h-line">
                <span class="l-h-line-one"></span>
                <span class="l-h-line-two"></span>
            </span>
            SG飞艇 两面盘
        </div>
        <div class="lot-body">
            <div class="toplots">
                <input name="1651" class="tab-btn active" type="button" value="前二直选">
                <input name="1652" class="tab-btn" type="button" value="前三直选">
            </div>
            <div class="lot-b-item">
                <ul class="one-style">
                    <li class="lot-name">冠军01</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul><ul class="two-style">
                    <li class="lot-name">冠军</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul>
            </div>
            <div class="lot-b-item" style="display: none;">
                <ul class="one-style">
                    <li class="lot-name">冠军02</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul><ul class="two-style">
                    <li class="lot-name">冠军</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul>
            </div>
            <div class="lot-b-item" style="display: none;">
                <ul class="one-style">
                    <li class="lot-name">冠军03</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul><ul class="two-style">
                    <li class="lot-name">冠军</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul>
            </div>
            <div class="lot-b-item" style="display: none;">
                <ul class="one-style">
                    <li class="lot-name">冠军04</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul><ul class="two-style">
                    <li class="lot-name">冠军</li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li><li class="lot-item">
                        <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                    </li>
                </ul>
            </div>
            <!-- <ul class="two-style">
                <li class="lot-name">冠军</li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li>
            </ul><ul class="two-style">
                <li class="lot-name">冠军</li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li>
            </ul><ul class="two-style">
                <li class="lot-name">冠军</li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li>
            </ul><ul class="two-style">
                <li class="lot-name">冠军</li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li>
            </ul><ul class="two-style">
                <li class="lot-name">冠军</li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li>
            </ul><ul class="two-style">
                <li class="lot-name">冠军</li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li><li class="lot-item">
                    <div class="lot-item-name"><span>左边</span></div><div class="lot-item-rate"><span>999.666</span></div><div class="lot-item-input"><input class="form-control lot-input" type="text"/></div>
                </li>
            </ul> -->



        </div>
        <div class="lot-footer">
            <div class="lot-f-inner"><span class="lot-num-set"><i class="iconfont wlh-cog"></i></span>
                <span class="lot-num-img num-100">100</span>
                <span class="lot-num-img num-500">500</span>
                <span class="lot-num-img num-1000">1000</span>
                <span class="lot-num-img num-5000">5000</span>
                <span class="lot-num-img num-10000">10000</span>
                <input class="form-control input" placeholder=""/>
                <span class="submit btn bg-success">确认</span>
            </div>
            <div class="lot-num-more">
                <span class="lot-num-img num-25 select">25</span>
                <span class="lot-num-img num-50 select">50</span>
                <span class="lot-num-img num-100 select">100</span>
                <span class="lot-num-img num-200 select">200</span>
                <span class="lot-num-img num-300 select">300</span>
                <span class="lot-num-img num-500 select">500</span>
                <span class="lot-num-img num-1000 select">1000</span>
                <span class="lot-num-img num-2000 select">2000</span>
                <span class="lot-num-img num-3000 select">3000</span>
                <span class="lot-num-img num-4000 select">4000</span>
                <span class="lot-num-img num-5000 select">5000</span>
                <span class="lot-num-img num-10000 select">10000</span>
                <span class="lot-num-img num-20000 select">20000</span>
                <span class="lot-num-img num-50000 select">50000</span>
                <span class="lot-num-img num-100000 select">100000</span>
            </div>
        </div>
    </div>
</div>
            </div>
            <!-- 底部 -->
            <div class="wlh-footer">
                <div class="wlh-f-contain"></div>
            </div>
        </div>
    </div>
    <!-- 隐藏的右边 tudo-->
    <!-- lotter-res-open -->
    <div class="lotter-res-contain" id="lotter-res-contain">
        <span class="l-res-open btn bg-warning" onclick="onSingleShow('#lotter-res-contain','lotter-res-open');"><i class="iconfont wlh-cog fa-spin"></i></span>
<div class="lotter-res-inner">
    <div class="lotter-res-i">
        <div class="l-res-tab-contain">
            <div class="content-tab kj-tab">
                <ul>
                    <li class="item" onclick="onTabChange(this,'.kj-tab .tab-link','active','.l-res-tab-item');"><a class="tab-link active"><span>开奖结果</span></a></li>
                    <li class="item" onclick="onTabChange(this,'.kj-tab .tab-link','active','.l-res-tab-item');"><a class="tab-link"><span>投注记录</span></a></li>
                    <li class="item" onclick="onTabChange(this,'.kj-tab .tab-link','active','.l-res-tab-item');"><a class="tab-link"><span>长龙</span></a></li>
                </ul>
            </div>
            <div class="l-res-tab-item">
                <div class="result-table">
                    <ul>
                        <li class="th">
                            <ol  class="cycleid">期数</ol>
                            <ol  class="sdate">时间</ol>
                            <ol  class="balls">号码</ol>
                            <ol  class="ds">单双</ol>
                            <ol  class="dx">大小</ol>
                            <ol  class="sum">总和</ol>
                        </li>
                        <li>
                            <ol class="cycleid">31513610</ol>
                            <ol class="sdate">11:51</ol>
                            <ol class="balls">
                                <li class="balls_pk">
                                    <p class="b2">2</p>
                                    <p class="b8">8</p>
                                    <p class="b5">5</p>
                                    <p class="b6">6</p>
                                    <p class="b9">9</p>
                                    <p class="b7">7</p>
                                    <p class="b4">4</p>
                                    <p class="b10">10</p>
                                    <p class="b3">3</p>
                                    <p class="b1">1</p>
                                </li>
                            </ol>
                            <ol class="ds">
                                <li class="s">双</li>
                                <li class="s">双</li>
                                <li class="d">单</li>
                                <li class="s">双</li>
                                <li class="d">单</li>
                                <li class="d">单</li>
                                <li class="s">双</li>
                                <li class="s">双</li>
                                <li class="d">单</li>
                                <li class="d">单</li>
                            </ol>
                            <ol class="dx">
                                <li class="x">小</li>
                                <li class="d">大</li>
                                <li class="x">小</li>
                                <li class="d">大</li>
                                <li class="d">大</li>
                                <li class="d">大</li>
                                <li class="x">小</li>
                                <li class="d">大</li>
                                <li class="x">小</li>
                                <li class="x">小</li>
                            </ol>
                            <ol class="sum">
                                <li class="balls_bottom">
                                    <p class="10">10</p>
                                    <p class="s">双</p>
                                    <p class="x">小</p>
                                    <p class="l">龙</p>
                                    <p class="l">龙</p>
                                    <p class="h">虎</p>
                                    <p class="l">龙</p>
                                    <p class="l">龙</p>
                                </li>
                            </ol>
                        </li>
                    </ul>
                </div>


            </div>
            <div class="l-res-tab-item report"  style="display: none;">
                <div class="report-innner">
                    <div class="report-i-d">
                        <div class="re-header one"><span class="re-h-left"><i class="iconfont wlh-baobiao"></i>未结注单</span><span class="re-h-right">全部<i class="iconfont wlh-132"></i></span></div>
                        <div class="report-doing">
                            <ul class="wlh-report-ul wlh-w-report">
                                <li><span>彩种</span><span>玩法</span><span>投注金额</span><span>操作</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span  class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span><span class="msg">完成</span></span></li>
                            </ul>
                            <div class="wlh-report-empty" style="display: none;">
                                <img src="assets/img/report_empty.png" /> 
                                <p>暂无未结注单</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="report-innner">
                    <div class="report-i-f">
                        <div class="re-header two"><span class="re-h-left"><i class="iconfont wlh-renwu"></i>已结注单</span><span class="re-h-right">全部<i class="iconfont wlh-132"></i></span></div>
                        <div class="report-finish">
                            <ul class="wlh-report-ul wlh-f-report">
                                <li><span>彩种</span><span>玩法</span><span>投注金额</span><span>中奖金额</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money-red">￥20000.00</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money-green">￥20000.00</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money-red">￥20000.00</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money">￥20000.00</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money-red">￥20000.00</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money-green">￥20000.00</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money-red">￥20000.00</span></li>
                                <li><span class="l-span-first"><p>时时彩</p><p>2000期</p></span><span class="l-span-second">龙虎斗</span><span class="money">￥20000.00</span><span class="money">￥20000.00</span></li>
                            </ul>
                            <div class="wlh-report-empty" style="display: none;">
                                <img src="assets/img/report_empty.png" /> 
                                <p>暂无已结注单</p>
                            </div>
                        </div>
                    </div>
                    <div class="report-total">
                        <ul>
                            <li><span>彩种</span><span>玩法</span><span>投注金额</span><span>中奖金额</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 长龙 -->
            <div class="l-res-tab-item changlong"  style="display: none;">
                <div class="cl-header">
                    <span class="cl-header-msg">长龙连开期数:</span>
                    <span class="cl-header-select"><select>
                        <option>6</option>
                        <option>8</option>
                        <option>10</option>
                        <option>12</option>
                    </select></span>
                    <span class="cl-header-refresh">刷新</span>
                </div>
                <div class="cl-inner">
                    <div class="cl-item">
                        <div class="mask"><span>封盘</span></div>
                        <div class="cl-i-header">
                            <div class="cl-i-h-left">澳洲幸运8</div>
                            <div class="cl-i-h-right">第<span style="color: #6499ef;">30730901</span>期</div>
                        </div>
                        <div class="cl-i-kj">
                            <div class="cl-i-k-left"><span>第七球</span><span style="margin-left: 5px; color: #e95a5c;">00:56</span></div>
                            <div class="cl-i-k-right"><span>大1.995</span><span>小1.995</span></div>
                        </div>
                        <div class="cl-i-pk-rate">
                            <div class="cl-i-pk-left">30%</div>
                            <div class="cl-i-pk-right">70%</div>
                            <div class="cl-i-line">
                                <div class="cl-i-line-c">
                                    <div class="line-val"></div>
                                    <div class="line-pk-msg">PK</div>
                                </div>
                            </div>
                        </div>
                        <div class="cl-i-res">
                            <span class="r-v">小</span><span>连开10期</span>
                        </div>
                    </div>
                    <div class="cl-item disable">
                        <div class="mask"><span>封盘</span></div>
                        <div class="cl-i-header">
                            <div class="cl-i-h-left">澳洲幸运8</div>
                            <div class="cl-i-h-right">第<span style="color: #6499ef;">30730901</span>期</div>
                        </div>
                        <div class="cl-i-kj">
                            <div class="cl-i-k-left"><span>第七球</span><span style="margin-left: 5px; color: #e95a5c;">00:56</span></div>
                            <div class="cl-i-k-right"><span>大1.995</span><span>小1.995</span></div>
                        </div>
                        <div class="cl-i-pk-rate">
                            <div class="cl-i-pk-left">30%</div>
                            <div class="cl-i-pk-right">70%</div>
                            <div class="cl-i-line">
                                <div class="cl-i-line-c">
                                    <div class="line-val"></div>
                                    <div class="line-pk-msg">PK</div>
                                </div>
                            </div>
                        </div>
                        <div class="cl-i-res">
                            <span class="r-v">小</span><span>连开10期</span>
                        </div>
                    </div>
                </div>
                
            </div>

        </div>
    </div>
</div>
    </div>
</div>
<script type="text/javascript" src="./assets/javascript/main.js"></script>
<script type="text/javascript">
    new PerfectScrollbar(".w-s-left", {
        "suppressScrollX": true, "wheelSpeed": 2, "wheelPropagation": !1, "minScrollbarLength": 20
    });
    $(function () {
        addSmallScreen();
        $(window).resize(function () {
            addSmallScreen();
        });
    });

    //小屏添加类
    function addSmallScreen() {
        $height=document.documentElement.clientHeight || document.body.clientHeight;
        var browser_width = parseFloat(document.documentElement.clientWidth || document.body.clientWidth);
        if (browser_width < 1278) {
            $(".wlh-containner").addClass("close-menu");
        } else {
            $(".wlh-containner").removeClass("close-menu");
        }
        $(".report-innner").css("height",($height-60)/2+"px");
    }
    function loadMore($fClassSel,$innerClassSel,$statusV){
        $status=$statusV;
        $($fClassSel).scroll(function(){
            if ($status) {
                return;
            }
            $scrollTopVal=$(this).scrollTop();
            $height=$(this).height();
            $innerHeight=$($innerClassSel).height();
            if($innerHeight-$height-$scrollTopVal<=0){
                $status=true;
                console.log("执行加载数据---");
            }
        });
    }
   // loadMore(".report-i-f",".report-finish",false);
  //  loadMore(".report-i-d",".report-doing",false);

    $(".result-table li.th .balls").addClass('selected');
    $(".result-table li.th ol:gt(1)").bind('click', function () {
        var cs = $(this).attr('class');
        $(this).addClass('selected').siblings().removeClass('selected');
        $(".result-table li:gt(0) ." + cs).css('display', 'inline-block').siblings().hide();
        $(".result-table li ol.cycleid,.result-table li ol.sdate").show();
    });
</script>
</body>
</html>